<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <meta name="viewport" content="width=device-width, initial-scale=1" />
  <title>浙江申跃信息科技有限公司</title>
  <link rel="stylesheet" media="screen" href="./jqueryparticles/css/particles.css">

  <link rel="stylesheet" href="./css/bootstrap.min.css">
  <link rel="stylesheet" href="./css/style.css">
  <link rel="stylesheet" href="./css/Iconfont.css">
  <link rel="stylesheet" href="./css/swiper.css">
  <link rel="stylesheet" href="./css/index.css">

  <script src="./js/jquery.min.js"></script>
  <script src="./js/bootstrap.min.js"></script>
  <script src="./js/swiper.js"></script>
  <script src="./js/slide.js"></script>
</head>

<body id="body">

  <div id="particles-js"></div>

  <div class="nav">
    <div class="nav-container w1200">

      <div class="logo">
        <a href="">
          <img src="./img/logo.png" alt="logo丢失"></div>
      </a>

      <div class="menu">
        <ul>
          <li><a href="./index.html">首页</a></li>
          <li id="cp"><a href="javascript:;">产品</a>
            <div class="sub-cp" style="display: none;">
              <a href="./ant-b.html">蚁蜂数据</a>
              <a href="./operation.html">智慧运维</a>
              <a href="./community.html">智慧社区</a>
            </div>
          </li>
          <li><a href="./operation.html">解决方案</a></li>
          <li><a href="./community.html">项目案例</a></li>
          <li><a href="javascript:;">新闻动态</a></li>
          <li><a href="javascript:;">关于我们</a></li>
        </ul>
      </div>

      <div class="search">
        <input type="text">
        <button class="search-cion">
          <span class="iconfont icon-search"></span>
        </button>
      </div>

      <div class="navbar">
        <a id="navbar-toggle" href="javascript:;">
          <span class="iconfont icon-xialacaidan" style="color: #fff;"></span>
        </a>
      </div>

    </div>

    <div id="mb-nav" class="panel-group">
      <div class="panel panel-default" id="nav_panel">
        <div class="panel-heading">
          <a class="show-icon iconfont" data-toggle="collapse" data-parent="#nav_panel" href="#collapse1">
            产品
          </a>
        </div>
        <div id="collapse1" class="panel-collapse collapse">
          <div class="panel-body">
            <a href="./ant-b.html">蚁蜂数据</a>
            <a href="./operation.html">智慧运维</a>
            <a href="./community.html">智慧运维</a>
          </div>
        </div>
      </div>
      <div class="panel panel-default">
        <div class="panel-heading">
          <a data-toggle="collapse" data-parent="#nav_panel">
            解决方案
          </a>
        </div>

      </div>
      <div class="panel panel-default">
        <div class="panel-heading">
          <a data-toggle="collapse" data-parent="#nav_panel">
            项目案例
          </a>
        </div>
      </div>
      <div class="panel panel-default">
        <div class="panel-heading">
          <a data-toggle="collapse" data-parent="#nav_panel">
            新闻动态
          </a>
        </div>
      </div>
      <div class="panel panel-default">
        <div class="panel-heading">
          <a data-toggle="collapse" data-parent="#nav_panel">
            关于我们
          </a>
        </div>
      </div>
      <div class="panel panel-default">
        <div class="panel-heading">
          <a data-toggle="collapse" data-parent="#nav_panel">
            搜索
          </a>
        </div>
      </div>
    </div>
  </div>

  <script>
    $(document).ready(function () {
      $("#navbar-toggle").on("click", function () {
        $("#mb-nav").slideToggle(300);
      })
    });
  </script>

  <!-- 纵向翻页 -->
  <div class="swiper">

    <div class="swiper-item">
      <div class="conpany_title">
        <p>申跃科技</p>
        <p>智慧点亮生活 科技成就未来</p>
      </div>
    </div>

    <div class="swiper-item">
      <div class="conpany_profile w1200">

        <div class="conpany_profile-miaoshu">

          <div class="back_text">
            <img src="./img/solution.png" alt="">
          </div>

          <div class="article">
            <div class="article_title">数字住建</div>
            <div class="article_content">
              依托物联网+政务服务平台，深耕住建领域，打通数据壁垒，实现住建数字化转型——“数据全落图”、“服务全覆盖”、“业务全协同”
            </div>
          </div>

          <div class="btn_more">
            <a href="javascript:;">立即体验<span class="iconfont icon-you" style="margin-left: 10px;"></span></a>
          </div>

        </div>

        <div class="conpany_profile-img">
          <img src="./img/index1.png" alt="图片丢失">
        </div>

      </div>
    </div>

    <div class="swiper-item">
      <div class="conpany_profile w1200 mb_flex_dcr">

        <div class="conpany_profile-img">
          <img src="./img/index2.png" alt="图片丢失">
        </div>

        <div class="conpany_profile-miaoshu">

          <div class="back_text">
            <img src="./img/solution.png" alt="">
          </div>

          <div class="article">
            <div class="article_title">数据中台</div>
            <div class="article_content">
              提供一站式数据采集、接入、监控、分析、挖掘以及可视化解决方案
            </div>
          </div>

          <div class="btn_more">
            <a href="javascript:;">立即体验<span class="iconfont icon-you" style="margin-left: 10px;"></span></a>
          </div>

        </div>

      </div>
    </div>

    <div class="swiper-item">
      <div class="conpany_profile w1200">

        <div class="conpany_profile-miaoshu">

          <div class="back_text">
            <img src="./img/solution.png" alt="">
          </div>

          <div class="article">
            <div class="article_title">数字社区</div>
            <div class="article_content">
              应用“区块链”计数，建立“社区信用连”，打造已物业信用和诚信为中心的社区生态平台
            </div>
          </div>

          <div class="btn_more">
            <a href="javascript:;">立即体验<span class="iconfont icon-you" style="margin-left: 10px;"></span></a>
          </div>

        </div>

        <div class="conpany_profile-img">
          <img src="./img/index3.png" alt="图片丢失">
        </div>

      </div>
    </div>

    <div class="swiper-item">
      <div class="conpany_profile w1200 mb_flex_dcr">

        <div class="conpany_profile-img">
          <img src="./img/index4.png" alt="图片丢失">
        </div>

        <div class="conpany_profile-miaoshu">

          <div class="back_text">
            <img src="./img/solution.png" alt="">
          </div>

          <div class="article">
            <div class="article_title">智慧运维</div>
            <div class="article_content">
              深度剖析业务系统组件以及业务流量定位问题根源，依托智维策略快速分析问题，让运维做到数据化、标准化、规范化
            </div>
          </div>

          <div class="btn_more">
            <a href="javascript:;">立即体验<span class="iconfont icon-you" style="margin-left: 10px;"></span></a>
          </div>

        </div>

      </div>
    </div>

    <div class="footer">

      <div class="footer_top w1200">

        <div class="footer_top-item">
          <a href="javascript:;" class="footer_top-item-title">热门产品</a>
          <ul class="footer_top-item-content">
            <li><a href="javascript:;">蚁蜂数据平台</a></li>
            <li><a href="javascript:;">IT运维管理平台</a></li>
            <li><a href="javascript:;">智慧社区服务平台</a></li>
          </ul>
        </div>

        <div class="footer_top-item">
          <a href="javascript:;" class="footer_top-item-title">解决方案</a>
          <ul class="footer_top-item-content">
            <li><a href="javascript:;">数字住建</a></li>
            <li><a href="javascript:;">数据中台</a></li>
            <li><a href="javascript:;">数字社区</a></li>
            <li><a href="javascript:;">智慧运维</a></li>
          </ul>
        </div>

        <div class="footer_top-item" style="flex: 2">
          <a href="javascript:;" class="footer_top-item-title">项目案例</a>
          <ul class="footer_top-item-content">
            <li><a href="javascript:;">数字住建综合信息平台</a></li>
            <li><a href="javascript:;">业务信用信息管理平台</a></li>
            <li><a href="javascript:;">智慧房管综合服务平台</a></li>
            <li><a href="javascript:;">住房保障管理平台</a></li>
            <li><a href="javascript:;">电子投票表决系统</a></li>
            <li><a href="javascript:;">限价住房信息服务平台</a></li>
            <li><a href="javascript:;">政府投资项目资金管理平台</a></li>
          </ul>
        </div>

        <div class="footer_top-item" style="flex: 2;">
          <div class="footer_top-item-title">
            <p>联系我们</p>
          </div>
          <div class="footer_top-item-content">
            <p>电话：0574-87155936</p>
            <p>邮箱：zjshenyue@zjshenyue.cn</p>
            <p>地址：宁波市鄞州区华东城2号楼11层</p>
          </div>
        </div>

        <div class="ercode">
          <img src="./img/ercode.png" width="100" alt="图片丢失">
        </div>

      </div>

      <div id="mb-footer" class="mb-footer">
        <div class="panel-group" id="footer_panel">
          <div class="panel panel-default">
            <div class="panel-heading">
              <a class="iconfont" data-toggle="collapse" data-parent="#footer_panel" href="#产品">
                产品
              </a>
            </div>
            <div id="产品" class="panel-collapse collapse">
              <div class="panel-body">
                <a href="./ant-b.html">蚁蜂数据</a>
                <a href="./operation.html">智慧运维</a>
                <a href="./community.html">智慧运维</a>
              </div>
            </div>
          </div>
          <div class="panel panel-default">
            <div class="panel-heading">
              <a class="iconfont" data-toggle="collapse" data-parent="#footer_panel" href="#解决方案">
                解决方案
              </a>
            </div>
            <div id="解决方案" class="panel-collapse collapse">
              <div class="panel-body">
                <a href="javascript:;">数字住建</a>
                <a href="javascript:;">数字中台</a>
                <a href="javascript:;">数字社区</a>
                <a href="javascript:;">智慧运维</a>
              </div>
            </div>
          </div>
          <div class="panel panel-default">
            <div class="panel-heading">
              <a class="iconfont" data-toggle="collapse" data-parent="#footer_panel" href="#项目案例">
                项目案例
              </a>
            </div>
            <div id="项目案例" class="panel-collapse collapse">
              <div class="panel-body">
                <a href="javascript:;">数字住建综合信息平台</a>
                <a href="javascript:;">业务信用信息管理平台</a>
                <a href="javascript:;">智慧房管综合服务平台</a>
                <a href="javascript:;">住房保障管理平台</a>
                <a href="javascript:;">电子投票表决系统</a>
                <a href="javascript:;">限价住房信息服务平台</a>
                <a href="javascript:;">政府投资项目资金管理平台</a>
              </div>
            </div>
          </div>
        </div>
        <div style="margin: 0 auto 10px">
          <img src="./img/ercode.png" width="100" alt="图片丢失">
        </div>
  
        <div style="margin: 10px auto;color: #d8d8d8;">
          <p>电话：0574-87155936</p>
          <p>邮箱：zjshenyue@zjshenyue.cn</p>
          <p>地址：宁波市鄞州区华东城2号楼11层</p>
        </div>

      </div>

      <script>
        $(document).ready(function () {
          $('.collapse.in').prev('.panel-heading').addClass('active');
          $('#mb-nav,#mb-footer')
            .on('show.bs.collapse', function (a) {
              $(a.target).prev('.panel-heading').addClass('active');
            })
            .on('hide.bs.collapse', function (a) {
              $(a.target).prev('.panel-heading').removeClass('active');
            });
        });
      </script>

      


      <div class="footer_bottom">
        <div class="Copyright">
          Copyright © 2019 浙江申跃信息科技有限公司<br>
          浙ICP备19027623号
        </div>
      </div>

    </div>

  </div>

  <div class="fp-nav">
    <ul>
      <li><a class="fp-nav-active"><span></span></a></li>
      <li><a><span></span></a></li>
      <li><a><span></span></a></li>
      <li><a><span></span></a></li>
      <li><a><span></span></a></li>
      <li><a><span></span></a></li>
    </ul>
  </div>

</body>

<script src="./jqueryparticles/js/particles.min.js"></script>
<script src="./jqueryparticles/js/particles-app.js"></script>
<script>


</script>

</html>